
<template>
  <transition enter-active-class="animate__animated animate__bounceIn">
<router-view></router-view>
  </transition>
</template>

<script>


import MainHeader from "./components/MainHeader.vue";
import NoticeBox from "./components/NoticeBox.vue";
import ContextBox from "./components/ContextBox.vue";
import ContainerFooter from "./components/ContainerFooter.vue";
import Page from "./views/login.vue";

export default {
  name: "App",
  components: {Page, ContainerFooter, ContextBox, NoticeBox, MainHeader},
}
</script>
<style>
*{
  margin: 0;
  padding: 0;
}

body {



  background: linear-gradient(-45deg, #00ffde, #ACC3F4,#faaca8,#9F81FF);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%
  }
  50% {
    background-position: 100% 50%
  }
  100% {
    background-position: 0% 50%
  }
}

</style>